@charset "utf-8";
@import "compass/css3";
@import "common/common";
@import "compass/reset";
@import "common/alertTips";
@import "common/dialog";
@import "common/slideUpDialog";
@import "common/loginModal";

html,body{
	font-size: 12px;
	@include transition(all linear 0.1s);
	background-color: #f2f2f2;
    // background-color: #eee;
    color: #333;
    -webkit-text-size-adjust: none;
    -webkit-overflow-scrolling: touch;
    font-family: PingFangSC-Regular ;
    // -webkit-user-select: none ;
}
img{
    display: inherit;
}
input,
textarea {
    outline: none;
    width: 100%;
    color: #333333;
    border: none;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    -webkit-user-select: text ;
    -webkit-tap-highlight-color:transparent;
    &::input-placeholder {
        font-size: inherit;
        color: #C8C8C8;
        word-break: break-all;
    }
    &::-webkit-input-placeholder {
        font-size: inherit;
        color: #C8C8C8;
        word-break: break-all;
    }

}
input[type=search]::-webkit-search-cancel-button {
-webkit-appearance: none;
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(240, 243, 244, 0.3);
    user-select:none;
    -webkit-user-select:none;

    &.default-btn{
        position: relative;
        display: block;
        margin: rem(30);
        height: rem(45);
        font-size: rem(17);
        line-height: rem(45);
        color: #999999;
        text-align: center;
        background-color: #fff;
        border-radius: rem(45);
        &:before{
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            width: 200%;
            height: 200%;
            border:1px solid #c8c8c8;
            @include transform-origin(0,0);
            @include transform(scale(0.5));
            border-radius: rem(45);
        }

    }
    &.primary-btn{

    }


}
.medium {
    font-family: PingFangSC-Medium;
    font-weight: bold;
}

.semibold {
    font-family: PingFangSC-Semibold;
    font-weight: bold;
}
.regular {
    font-family: PingFangSC-Regular;
}

.text-left{
    text-align: left;
}

.hide-scrollbar{
    &::-webkit-scrollbar {         // 纵向滚动条和横向滚动条宽度
        display: none;
    }
    &::-webkit-scrollbar-thumb {         // 滚动条背景条样式
        display: none;
    }
    &::-webkit-scrollbar-track {            // 滚动条按钮样式
        display: none;
    }
}

.global-bottom-btns-safe{
    height: 100px;
}

.global-bottom-btns{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    
    .global-btns{
        @include display-flex;
        height: 50px;
        background-color: #fff;
        box-shadow: 0 3px 5px rgba(0,0,0,0.5);
        a{
            @include flex(1);
        }
        .global-back-btn{
            color: #333;
            font-size: 15px;
            line-height: 50px;
            text-align: center;
        }
    }
    
}






